<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 元素的position 为absolute 就开启了绝对定位 -->
    <!-- 绝对定位特点： -->
    <!-- 位置不设置偏移量 元素的位置不发生变化 -->
    <!-- 开启绝对定位后 元素从文档流中脱离  -->
    <!-- 改变元素的性质 和相对定位不同 相对定位 元素什么也不变 绝对定位仅仅位置不变化 -->
    <!-- 行内变成块 块的宽高被内容撑开 -->
    <!-- 使元素提升层级 -->
    <!-- 都是0的话 会完全贴近 -->
    <!-- 相对于其包含块进行定位 -->
    <!-- 正常情况下 就是离当前元素最近的祖先块元素 -->
    <!-- 行内元素不算 -->
    <!-- 包含块就是离他最近的开启了定位的祖先元素 -->
    <!-- 谁离他近 谁就是 -->
    <!-- 如果所有的祖先元素都没有开启定位 则相对于跟元素 -->
    <!-- 所有html也叫初始包含块 -->


</body>

</html>